<template>
  <div class="serve-wrap">
    <div class="serve-top">
      <van-cell title="找家政服务记录" is-link>
        <van-icon name="orders-o" slot="icon"></van-icon>
      </van-cell>
      <van-cell title="家政求职记录" is-link>
        <van-icon name="orders-o" slot="icon"></van-icon>
      </van-cell>
    </div>
    <div class="serve-bottom">
      <van-cell title="身份认证通道" is-link>
        <van-icon name="orders-o" slot="icon"></van-icon>
      </van-cell>
      <van-cell title="关于我们" is-link>
        <van-icon name="orders-o" slot="icon"></van-icon>
      </van-cell>
    </div>
  </div>
</template>

<script>
export default {
  name: "serve",
  data() {
    return {};
  },
  props: {},
  created() {},
  methods: {},
};
</script>

<style scoped lang="less">
.serve-wrap {
  height: 237px;
  width: 100%;
  i.van-icon {
    font-size: 24px;
    margin-right: 10px;
  }
  .serve-bottom{
      margin-top: 7px;
  }
}
</style>
